<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
    <title>房联行增值服务部后台管理中心</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <style>
    xblock {display: block;margin-bottom: 10px;padding: 5px;line-height: 22px;border-radius: 0 2px 2px 0;background-color: #f2f2f2;height: 50px;}
    xblock button{margin-left: 7px; margin-top: 7px;}
    .layui-form-label {float: left;display: block;padding: -1px 15px;width: 65px;font-weight: 400;text-align: right;margin-top: -12px;}
	.layui-form-item .layui-input-inline { float: left; width: 190px; margin-top: -12px;}
	.x-right {line-height: 40px;margin-top: -20px;}
	.mt20 {     margin-top: 18px; margin-left: -27px;}
	.mt20 .layui-input-inline{margin-top:-12px;  margin-left:5px;}
	.mt21{float: left; margin-left: 210px;margin-top: -26px;}
    .mt21 .layui-input-inline{float: left; margin-top: -12px;margin-left: 0px;}
    .mt22{float: left; margin-left: 787px;margin-top: -40px;}
    .mt23{float: left; margin-left: 465px;margin-top: -26px;}
    .mt23 .layui-input-inline{float: left; margin-top: -12px;margin-left: 0px;}
    #page{    margin-top: 20px;text-align: center;}
    .layui-form-select .layui-input {padding-right: 0px;cursor: pointer;}
    </style>
	</head>
	<body>
		<div class="x-nav">
		      <span class="layui-breadcrumb">
		        <a href="">首页</a>
		        <a href="">知识库管理</a>
		        <a>
		          <cite>知识列表</cite></a>
		      </span>
		      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
		        <i class="layui-icon" style="line-height:30px">ဂ</i>
		      </a>
    	</div>
	<div class="x-body">
			<form class="layui-form">
			 <xblock>
			 	<div class="mt20">
							<label for="desc" class="layui-form-label">模块：</label>
							<div class="layui-input-inline">
								<select name="ad-space">
						        <option value="" selected="">请选择</option>
						        <option value="反馈中">全部</option>
						    </select>
							</div>
			   </div>
			   <div class="mt21">
							<label for="desc" class="layui-form-label">分类：</label>
							<div class="layui-input-inline">
								<select name="ad-space">
						        <option value="" selected="">请选择</option>
						        <option value="反馈中">全部</option>
						    </select>
							</div>
			   </div>
			   <div class="mt23">
							<label for="desc" class="layui-form-label">注册时间：</label>
							<div class="layui-input-inline" style="width: 100px;">
						        <input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
						    </div>
						      <div class="layui-form-mid" style="margin-top: -11px;">-</div>
						    <div class="layui-input-inline" style="width: 100px;">
						        <input type="text" name="date" id="date1" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
						    </div>
			   </div>
			   <div class="mt22">
							<button class="layui-btn layui-btn-sm"><i class="layui-icon" style="font-size: 20px; margin-left: -3px;">&#xe615;</i> 搜索</button>
							<button class="layui-btn layui-btn-sm" type="reset"><i class="layui-icon" style="font-size: 20px; margin-left: -3px;">&#x1006;</i>重置</button>
			   </div>
		        <span class="x-right" style="line-height:40px">共有数据：88 条</span>
		      </xblock>
		     </form>
			<table class="layui-table" lay-even="" lay-skin="row">
			  <colgroup>
			  	<col width="20">
			    <col width="120">
			    <col width="100">
			    <col width="120">
			    <col width="100">
			    <col width="130">
			    <col width="90">
			    <col width="130">
			    <col width="230">
			    <col width="150">
			    <col>
			  </colgroup>
			  <thead>
			      <tr>
			      <th></th>
			      <th>模块</th>
			      <th>类别</th>
			      <th>标题</th>
			      <th>主图</th>
			      <th>知识摘要</th>
			      <th>浏览量</th>
			      <th>创建人</th>
			      <th>创建时间</th>
			      <th>操作</th>
			    </tr> 
			  </thead>
			  <tbody>
			    <tr>
			      <td>1</td>
			      <td>装修流程</td>
			      <td>水电</td>
			      <td>呵呵呵呵</td>
			      <td><img src="images/bg.png"/></td>
			      <td>呵呵呵呵呵</td>
			      <td>10</td>
			      <td>呵呵呵呵呵</td>
			      <td>1989-10-15 15:30:00</td>
			       <td class="td-manage">
				      <a title="详情"  onclick="x_admin_show('详情','banner-edit.html')" href="javascript:;">
			                <i class="layui-icon">&#xe615;</i>
			          </a>
		              <a title="编辑"  onclick="x_admin_show('编辑','banner-edit.html')" href="javascript:;">
		                <i class="layui-icon">&#xe642;</i>
		              </a>
		              <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
		                <i class="layui-icon">&#xe640;</i>
		              </a>
		            </td>
			    </tr>
			    <tr>
			      <td>1</td>
			      <td>装修流程</td>
			      <td>水电</td>
			      <td>呵呵呵呵</td>
			      <td><img src="images/bg.png"/></td>
			      <td>呵呵呵呵呵</td>
			      <td>10</td>
			      <td>呵呵呵呵呵</td>
			      <td>1989-10-15 15:30:00</td>
			       <td class="td-manage">
			       	  <a title="详情"  onclick="x_admin_show('详情','banner-edit.html')" href="javascript:;">
			                <i class="layui-icon">&#xe615;</i>
			          </a>
		              <a title="编辑"  onclick="x_admin_show('编辑','banner-edit.html')" href="javascript:;">
		                <i class="layui-icon">&#xe642;</i>
		              </a>
		              <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
		                <i class="layui-icon">&#xe640;</i>
		              </a>
		            </td>
			    </tr>
			</table>  
			<div id="page"></div>
			 <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
		      </fieldset>
    </div>
<script>
	layui.use(['form', 'layedit', 'laydate','laypage', 'layer'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,var laypage = layui.laypage
  ,layer = layui.layer
  ,laydate = layui.laydate;
  
  //分页
  laypage.render({
    elem: 'page'
    ,count: 100
    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
    ,jump: function(obj){
      console.log(obj)
    }
   });
  //日期
  laydate.render({
    elem: '#date'
  });
  laydate.render({
    elem: '#date1'
  });
  
  });
  
  
</script>	
		
	</body>
</html>
